<?php echo $form->create('Registration',array('action'=>'review'));?>
<div id="main" class="clearfix" style="width:1050px;">
    <div id="container" class="clearfix" style="background:#fff;">
        <div style="width:100%; text-align:center; line-height:20px; float:left;">
            <b style="color:red;">*</b>
            Required
        </div>
        <div id="frame">
            <div class="leftCols">
                <div class="title">
                    New Subscriber
                </div>
                <div style="float:right; line-height:22px; width:60%; padding-top:5px;">
                    <b style="color:red; padding-right:5px;">*</b>
                    <input type="checkbox" value="1" /> Acertify that Iam at least 13 year old
                </div>
				<?php echo $form->input('Subscriber.firstName',array('div'=>array('class' => 'field'),'label'=>'First Name <span class="required">*</span>','style'=>'width:350px;'));?>
				<?php echo $form->input('Subscriber.lastName',array('div'=>array('class' => 'field'),'label'=>'Last Name <span class="required">*</span>','style'=>'width:350px;'));?>
				<?php echo $form->input('User.userName',array('div'=>array('class' => 'field'),'label'=>'Username <span class="required">*</span>','style'=>'width:350px;'));?>
                <?php echo $form->input('User.password',array('div'=>array('class' => 'field'),'label'=>'Password <span class="required">*</span>','style'=>'width:350px;'));?>
                <?php echo $form->input('User.confirmedPassword',array('div'=>array('class' => 'field'),'label'=>'Confirmed Password <span class="required">*</span>','style'=>'width:350px;','type'=>'password'));?>
                <div class="field" style="padding:5px; border:1px solid red; float:left; width:350px; text-align:left; line-height:19px;">
                    <b style="color:red;">* The school Beacon system will send you message from your school. If you want email enter your email address. If you want text message, enter your mobile number. If you want both, enter both.</b>
                    <?php echo $form->input('Contact.email',array('div'=>array('class' => 'field'),'label'=>'Email<br/>','style'=>'width:300px;'));?>
					<?php echo $form->input('Contact.phone',array('div'=>array('class' => 'field'),'label'=>'Mobile phone for text message','style'=>'width:250px;'));?>
                </div>
            </div>
            <div class="rightCols">
                <!--<div id="logout">
                    <a href=""><img src="/beaconschool/img/logout.jpg" border="0" /></a>
                </div>
                --><div class="field">
                    <div style="float:left; line-height:22px; width:100%; padding-top:5px; margin-left: -40px;">
                        <b style="color:red;">*</b>
                        I'm registering for the following message group from
                    </div>
                    <div class="list_div" style="margin-top:30px;">
                        <div style="float:left; width: 60%;">
                            <b>Aurora Public School :</b>
                            <br/>
                            <div class="list_div">
                                <div style="float:left; width:100%;">
									<?php foreach ($listGroups as $grp) { ?>
										<?php if ($grp['groups']['parentGroupId'] == 0) { ?>
	                                    	<div style="float:left; padding-left:10px; padding-top:10px;">
		                                        <input type="checkbox" name="Auro" value="1" /><?php echo $grp['groups']['groupName'] ?>
	                                    	</div>
										<?php 
											} else {
										?>
											<div style="float:left; padding-left:30px;">
		                                        <input type="checkbox" name="Auro" value="1" /><?php echo $grp['groups']['groupName'] ?>
	                                    	</div>
										<?php
											} 
										?>
									<?php } ?>
                                </div>
                            </div>                            
                        </div>
                        <div style="float:left; width:40%; text-align:left; padding-top:100px;">
                            <div class="field">
                                <img src="/beaconschool/img/logosub.jpg" border="0" style="margin-left: -35px;"/>
                            </div>
                        </div>
                    </div>
                </div>
                <div style="float:right; width:97%; padding-top:10px; color:#5B627C;">
                    Question? Call ([SchoolContactName] and [SchoolContactPhone] here)
                </div>
            </div>
            <div class="saveDIV">
                <input type="submit" value="Review" class="submit" />
                <div style="float:right; color:#ff0000; padding-left:5px;">
                    After you click 'Review', you will be able to review your account
                    <br/>
                    information and come back to make any changes if needed
                </div>
            </div>
        </div>
    </div>
</div>
 <?php echo $form->end();?>
